<template>
    <div class="main-page">
        <el-row>
            <el-col>总金额5000</el-col>
            <el-col>未缴纳金额2000</el-col>
        </el-row>
        <el-row>
            <el-card v-for="(item,index) in subjectcards">
                <el-row>
                    <el-col>美术课</el-col>
                </el-row>
                <el-row>
                    <el-col>合约课时:60</el-col>
                    <el-col>有效期至:2019-10-12</el-col>
                </el-row>
                <el-row>
                    <el-col>合约总额:5000</el-col>
                </el-row>

            <el-row type="flex" class="btn-area" >
                <el-button-group>
                    <el-button @click="recharge" type="primary" icon="el-icon-edit">续费</el-button>
                    <el-button @click="zhuan" type="primary" icon="el-icon-share">转</el-button>
                    <el-button @click="returncharge" type="primary" icon="el-icon-delete">退费</el-button>
                </el-button-group>
            </el-row>
            </el-card>

        </el-row>
    </div>
</template>

<script>
    import {mapActions, mapState, mapGetters} from 'vuex'
    import headTop from '../../components/headTop'
    import {userList} from '@/api/getData'
    import ElInput from "../../../node_modules/element-ui/packages/input/src/input.vue";
    import ElOption from "../../../node_modules/element-ui/packages/select/src/option.vue";

    export default {
        name: 'purchaseList',
        props: {},
        data() {
            return {
                childForm: {},

            }
        },
        components: {
            ElOption,
            ElInput,
            headTop,

        },
        computed: {
            ...mapGetters(['adminInfo'])
        },
        created() {
        },
        mounted() {

        },
        methods: {
            ...mapActions(['getPeriod']),
            recharge:function(){

            },
            zhuan:function(){

            },
            returncharge:function(){

            },

        },
    }
</script>
<style lang="less" scoped>
    @import '../../style/mixin';

    .allchargedesc {
        color: #ffffff;
        background-color: #8c939d;
        padding: 6px;
    }

    .el-table .sks {
        background: #c2e7b0;
    }
    .btn-area {

    }
</style>
